import React from 'react'
import { NavBar } from 'antd-mobile';
import { useNavigate } from 'react-router-dom';
import { Collapse } from 'antd-mobile'

export default function Helpcenter() {
    let navigate = useNavigate()
    let list = [
        [  
            {  
                "id": 1,  
                "question": "如何修改我的个人资料？",  
                "title": "个人资料修改",  
                "answer": "在个人中心页面，点击‘编辑个人资料’按钮，即可修改您的姓名、联系方式、头像等信息，并保存更改。"  
            },  
            {  
                "id": 2,  
                "question": "我忘记了密码，该怎么办？",  
                "title": "找回密码",  
                "answer": "点击登录页面的‘忘记密码’链接，根据提示输入您的注册邮箱或手机号，系统将发送重置密码的链接或验证码到您的邮箱或手机。"  
            },  
            {  
                "id": 3,  
                "question": "如何查看我的订单历史？",  
                "title": "订单历史查询",  
                "answer": "在个人中心页面，点击‘我的订单’选项，即可查看您的所有订单历史，包括订单状态、下单时间等信息。"  
            },  
            {  
                "id": 4,  
                "question": "如何绑定或解绑我的手机号码？",  
                "title": "手机号码管理",  
                "answer": "在个人中心页面的‘账户设置’中，找到‘手机号码’选项，根据页面提示进行绑定或解绑操作。"  
            },  
            {  
                "id": 5,  
                "question": "如何修改我的登录密码？",  
                "title": "密码修改",  
                "answer": "登录后，在个人中心页面的‘账户安全’或‘账户设置’中，找到‘修改密码’选项，根据页面提示输入旧密码和新密码进行更改。"  
            },  
            {  
                "id": 6,  
                "question": "如何设置我的收货地址？",  
                "title": "收货地址设置",  
                "answer": "在个人中心页面的‘我的地址’选项中，点击‘新增地址’按钮，填写详细的收货信息并保存，即可在购物时选择该地址作为收货地址。"  
            },  
            {  
                "id": 7,  
                "question": "如何查看我的积分和优惠券？",  
                "title": "积分与优惠券查询",  
                "answer": "在个人中心页面的‘我的账户’或‘我的资产’中，可以查看到您的积分余额和已获得的优惠券列表。"  
            },  
            {  
                "id": 8,  
                "question": "如何联系客服？",  
                "title": "客服联系方式",  
                "answer": "在个人中心页面的底部或侧边栏，通常会有‘联系客服’或‘在线客服’的入口，点击即可进入客服页面进行咨询。"  
            },  
            {  
                "id": 9,  
                "question": "如何注销我的账户？",  
                "title": "账户注销",  
                "answer": "由于账户注销涉及重要个人信息和数据，通常需要在平台官网或APP的特定页面提交注销申请，并经过审核后方可完成注销。具体操作请查阅平台的注销指南。"  
            },  
            {  
                "id": 10,  
                "question": "如何开启或关闭消息通知？",  
                "title": "消息通知设置",  
                "answer": "在个人中心页面的‘设置’或‘通知管理’中，可以找到消息通知的设置选项，根据您的需求开启或关闭相应的通知类型。"  
            }  
        ]
    ]
    return (
        <div>
            <NavBar onBack={() => { navigate(-1) }}>帮助中心</NavBar>
            <div>
                <Collapse defaultActiveKey={['1']}>
                    <Collapse.Panel key='1' title='如何修改我的个人资料？'>
                        <h3>个人资料修改</h3>
                        在个人中心页面，点击‘编辑个人资料’按钮，即可修改您的姓名、联系方式、头像等信息，并保存更改。
                    </Collapse.Panel>
                    <Collapse.Panel key='2' title='我忘记了密码，该怎么办？'>
                        <h3>找回密码</h3>
                        点击登录页面的‘忘记密码’链接，根据提示输入您的注册邮箱或手机号，系统将发送重置密码的链接或验证码到您的邮箱或手机。
                    </Collapse.Panel>
                    <Collapse.Panel key='3' title='如何绑定或解绑我的手机号码？'>
                        <h3>手机号码管理</h3>
                        在个人中心页面的‘账户设置’中，找到‘手机号码’选项，根据页面提示进行绑定或解绑操作。
                    </Collapse.Panel>
                    <Collapse.Panel key='4' title='如何修改我的登录密码？'>
                        <h3>密码修改</h3>
                        登录后，在个人中心页面的‘账户安全’或‘账户设置’中，找到‘修改密码’选项，根据页面提示输入旧密码和新密码进行更改
                    </Collapse.Panel>
                    <Collapse.Panel key='5' title='如何设置我的地址？'>
                        <h3>地址设置</h3>
                        在个人中心页面的‘我的地址’选项中，点击‘新增地址’按钮，填写详细的收货信息并保存，即可在购物时选择该地址作为地址。
                    </Collapse.Panel>
                    <Collapse.Panel key='6' title='如何查看我的积分和优惠券？'>
                        <h3>积分与优惠券查询</h3>
                        在个人中心页面的‘我的账户’或‘我的资产’中，可以查看到您的积分余额和已获得的优惠券列表。
                    </Collapse.Panel>
                    <Collapse.Panel key='7' title='如何开启或关闭消息通知？'>
                        <h3>消息通知设置</h3>
                        在个人中心页面的‘设置’或‘通知管理’中，可以找到消息通知的设置选项，根据您的需求开启或关闭相应的通知类型。
                    </Collapse.Panel>
                    <Collapse.Panel key='8' title='如何注销我的账户？'>
                        <h3>账户注销</h3>
                        由于账户注销涉及重要个人信息和数据，通常需要在平台官网或APP的特定页面提交注销申请，并经过审核后方可完成注销。具体操作请查阅平台的注销指南。
                    </Collapse.Panel>
                </Collapse>
            </div>
        </div>
    )
}